<svelte:head>
  <title>svelte-jsoneditor</title>
</svelte:head>

<section>
  <h1>svelte-jsoneditor</h1>

  <h2>Examples</h2>

  <ul>
    <li>
      <a href="examples/basic_usage_one_way_binding">Basic usage (one-way binding)</a>
    </li>
    <li>
      <a href="examples/basic_usage_two_way_binding">Basic usage (two-way binding)</a>
    </li>
    <li>
      <a href="examples/use_methods">Use methods</a>
    </li>
    <li>
      <a href="examples/expand_collapse">Expand/Collapse Specific Keys</a>
    </li>
    <li>
      <a href="examples/custom_dynamic_styling">Custom, dynamic styling</a>
    </li>
    <li>
      <a href="examples/custom_menu_buttons">Custom menu buttons</a>
    </li>
    <li>
      <a href="examples/custom_context_menu_buttons">Custom menu context buttons</a>
    </li>
    <li>
      <a href="examples/custom_validation">Custom validation</a>
    </li>
    <li>
      <a href="examples/custom_json_parser">Custom JSON Parser (Lossless JSON)</a>
    </li>
    <li>
      <a href="examples/custom_value_renderer">Custom value renderer (password, enum, action)</a>
    </li>
    <li>
      <a href="examples/custom_value_renderer2">Custom value renderer 2 (editable input)</a>
    </li>
    <li>
      <a href="examples/json_schema_validation">JSON Schema validation</a>
    </li>
    <li>
      <a href="examples/custom_theme_color">Custom theme color</a>
    </li>
    <li>
      <a href="examples/switch_themes">Switch themes (dark theme) and font size</a>
    </li>
  </ul>

  <h2>Development</h2>

  <ul>
    <li>
      <a href="development">Development application</a>
    </li>
  </ul>
</section>

<style>
  ul {
    list-style: none;
    padding: 0;
  }
</style>
